<!DOCTYPE html>
<!--[if lt IE 7]>
<html lang="en" class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>
<html lang="en" class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>
<html lang="en" class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!-->
<html lang="en" class="no-js"> <!--<![endif]-->
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>遥感算法</title>
    <meta name="description" content="遥感算法主页">
    <meta name="keywords"
          content="map,地图,融汇">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="bookmark" type="image/x-icon" href="./img/logo.ico"/>
    <link rel="shortcut icon" href="./img/logo.ico"/>
    <link rel="icon" href="./img/logo.ico">

    <!-- CSS
    ================================================== -->

    <!--<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,700' rel='stylesheet' type='text/css'>-->

    <!-- Fontawesome Icon font -->
    <link rel="stylesheet" href="css/font-awesome.min.css">
    <!-- bootstrap.min -->
    <link rel="stylesheet" href="css/jquery.fancybox.css">
    <!-- bootstrap.min -->
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <!-- bootstrap.min -->
    <link rel="stylesheet" href="css/owl.carousel.css">
    <!-- bootstrap.min -->
    <link rel="stylesheet" href="css/slit-slider.css">
    <!-- bootstrap.min -->
    <link rel="stylesheet" href="css/animate.css">
    <!-- Main Stylesheet -->
    <link rel="stylesheet" href="css/main.css">

    <link rel="stylesheet" href="https://at.alicdn.com/t/font_530763_ewjee97qzbsm7vi.css">

    <!-- Modernizer Script for old Browsers -->
    <script src="js/modernizr-2.6.2.min.js"></script>

    <!--login-->
    <script src="js/jquery-1.11.1.min.js"></script>
    <link rel="stylesheet" type="text/css" href="css/login.css">
    <script type="text/javascript" src="js/layer/layer.js"></script>
    <!--login-->
    <!--旋转-->
    <link rel="stylesheet" href="css/3dImgGallery.css">
</head>

<body id="body" onload="myload()">

<!-- preloader -->
<div id="preloader">
    <div class="loder-box">
        <div class="battery"></div>
    </div>
</div>
<!-- end preloader -->

<!--
Fixed Navigation
==================================== -->
<header id="navigation" class="navbar-inverse navbar-fixed-top animated-header">
    <div class="container">
        <div class="navbar-header">
            <!-- responsive nav button -->
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <!-- /responsive nav button -->

            <a href="#body"><img src="img/slider/小尺寸不加英文.png" style="height: 50px;"></a>
            </h1>

        </div>

        <nav class="collapse navbar-collapse navbar-right" role="navigation">
            <ul id="nav" class="nav navbar-nav">
                <li><a href="#body">首页</a></li>
                <li onclick="navbarClick(1)"><a href="#">大赛简介</a></li>
                <li onclick="navbarClick(2)"><a href="#">大赛新闻</a></li>
                <li onclick="navbarClick(3)"><a href="#">大赛日程</a></li>
                <li onclick="navbarClick(4)"><a href="#">大赛规则</a></li>
                <!--<li onclick="navbarClick(5)"><a href="#">参会/赛指南</a></li>-->
                <li onclick="navbarClick(6)"><a href="#">资料下载</a></li>
                <li onclick="navbarClick(7)"><a href="#">大赛评委</a></li>
                <!-- <li onclick="navbarClick(-1)"><a href="#">用户中心</a></li> -->
                <li onclick="navbarClick(9)"><a href="#">联系我们</a></li>
                <!--<li><a href="javascript:;" value="弹出" onclick="alertLogin()"><img src="./img/yonghu.png" class="userImg">&nbsp;&nbsp;<span id="userInfo">登陆/注册</span></a></li>
                <li id="logOut"><a href="javascript:;" onclick="signOut()">登出</a></li>-->
            </ul>
        </nav>
        <!-- /main nav -->

    </div>
</header>
<!--
End Fixed Navigation
==================================== -->

<main class="site-content" role="main">

    <!--
    Home Slider
    ==================================== -->

    <section id="home-slider">
        <div id="slider" class="sl-slider-wrapper">

            <div class="sl-slider">

                <div class="sl-slide" data-orientation="horizontal" data-slice1-rotation="-25"
                     data-slice2-rotation="-25" data-slice1-scale="2" data-slice2-scale="2">

                    <div class="bg-img bg-img-2"></div>

                    <div class="slide-caption">
                        <div class="caption-content">
                          <!--  <h2>遥感算法大赛</h2>
                            <span>无缝的海陆融合<span class="ali"><i class="icon-dot-tiny iconfont"></i></span>支持离线海图<span
                                    class="ali"><i class="icon-dot-tiny iconfont"></i></span>专业的航海气象服务</span>-->
                            <div class="container1">
                                <div id="carousel">

                                    <!--<figure><img src="http://lorempixel.com/186/116/people/9" alt=""></figure>-->
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        </div><!-- /slider-wrapper -->
    </section>

    <section id="connect" class="connect">
        <div class="container">
            <div class="row text-center">
                    <div class="wow animated fadeInDown">
                        <div style="font-size: 20px;">
                            <div class="connect-header">
                                <p>主办单位：中国气象局、中国科学院、江苏省政府</p>
                                <p>承办单位：中国气象局国家卫星气象中心、中国科学研上海技术物理研究所苏州研究院、苏州工业园区</p>
                                <p>协办方：待定</p>
                                <!--<button class="connect-btn">联系我们</button>-->
                            </div>
                        </div>
                    </div>
                   <!-- <div class="col-md-offset-2 col-md-8 connect-info">
                        <div class="col-md-8 text-left">
                            <p>电话：0281-82415578</p>
                            <p>邮箱：82415578@qq.com</p>
                            <p>地址：辽宁省大连市高新园区金融大厦</p>
                        </div>
                        <div class="col-md-4 text-center">
                            <img src="img/second_code.jpg">
                        </div>
                    </div>-->
            </div>
            <div class="row connect-footer">
                <p>京ICP备17059145号-1</p>
            </div>
        </div>
    </section>


    <div id="login" style="display: none">

        <div class="login_cont">
            <div class="login_nav">
                <div class="nav_slider">
                    <a href="#loginPage" class="signin  focus">登录</a>
                    <a href="#registerPage" class="signup">注册</a>
                </div>
            </div>
            <form id="registerPage">
                <div class="input_signup ">
                    <input class="input" id="user_name" type="text" aria-label="用户名（包含字母／数字／下划线" placeholder="用户名（3-12个字符）">
                    <div class="hint">请输入3-12个字符的用户名</div>
                    <input class="input" id="password" type="password" aria-label="密码" placeholder="密码（不少于 6 位）">
                    <div class="hint">请输入6位以上密码</div>
                    <input class="input" id="repassword" type="password" aria-label="密码" placeholder="再次输入密码">
                    <div class="hint">请再次输入密码</div>
                    <input class="input" id="user_email" type="text" aria-label="邮箱" placeholder="邮箱">
                    <div class="hint">请填写邮箱</div>
                    <input class="input" maxlength="11" id="phone" type="text" class="account" aria-label="手机号（仅支持中国大陆）" placeholder="手机号（仅支持中国大陆）">
                    <div class="hint">请输入11位电话号码</div>



                    <input type="button" style="text-align: center" id="submitRegister" class="button" name="button" value="注册">
                </div>
            </form>
            <form id="loginPage" style="padding-top:80px;">
                <div class="input_signin active">
                    <input class="input" id="login_user_name" type="text" aria-label="用户名" placeholder="用户名">
                    <div  id="loginError" class="hint hint_wrong">x用户名或密码错误</div>
                    <input class="input" id="login_password" type="password" aria-label="密码" placeholder="密码">
                    <div class="hint">请输入密码</div>
                    <input type="button" style="text-align: center" id="button" class="button" name="button" value="登录">
                    <!--<div class="forget">
                        <a href="forget.html">忘记密码？</a>
                    </div>-->
                </div>
            </form>
        </div>

    </div>



</main>



<!-- Essential jQuery Plugins
================================================== -->
<!-- Main jQuery -->
<script src="js/jquery-1.11.1.min.js"></script>
<!-- Twitter Bootstrap -->
<script src="js/bootstrap.min.js"></script>
<!-- Single Page Nav -->
<script src="js/jquery.singlePageNav.min.js"></script>
<!-- jquery.fancybox.pack -->
<script src="js/jquery.fancybox.pack.js"></script>
<!-- Google Map API -->

<!-- Owl Carousel -->
<script src="js/owl.carousel.min.js"></script>
<!-- jquery easing -->
<script src="js/jquery.easing.min.js"></script>
<!-- Fullscreen slider -->
<script src="js/jquery.slitslider.js"></script>
<script src="js/jquery.ba-cond.min.js"></script>
<!-- onscroll animation -->
<script src="js/wow.min.js"></script>
<!-- Custom Functions -->
<script src="js/main.js"></script>
<!--login-->
<script type="text/javascript" src="js/login.js"></script>

<script type="text/javascript" src="js/common.js"></script>

<script>
    function myload() {
        var el = document.getElementById('carousel');
        el.innerHTML = '<figure><img style="width: 186px;height: 116px;" src="img/figure/FY-3发射.png" alt=""></figure>\n' +
            '                                    <figure><img style="width: 186px;height: 116px;" src="img/figure/全球图.jpg" alt=""></figure>\n' +
            '                                    <figure><img style="width: 186px;height: 116px;" src="img/figure/动画.gif" alt=""></figure>\n' +
            '                                    <figure><img style="width: 186px;height: 116px;" src="img/figure/台风7.gif" alt=""></figure>\n' +
            '                                    <figure><img style="width: 186px;height: 116px;" src="img/figure/整星.jpg" alt=""></figure>\n' +
            '                                    <figure><img style="width: 186px;height: 116px;" src="img/figure/整星模型.jpg" alt=""></figure>\n' +
            '                                    <figure><img style="width: 186px;height: 116px;" src="img/figure/沙尘暴.gif" alt=""></figure>\n' +
            '                                    <figure><img style="width: 186px;height: 116px;" src="img/figure/试验.jpg" alt=""></figure>'
    }
</script>
</body>
</html>
